@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'MEDIUM';
  src: url('./SOURCEHANSANSCN-MEDIUM.OTF');
}
@font-face {
  font-family: 'LIGHT';
  src: url('./SOURCEHANSANSCN-LIGHT.OTF');
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333333;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'REGULAR'; color:#333333;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;} 
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:80%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}
.light{font-family: 'LIGHT';}
.medium{font-family: 'MEDIUM';}

.ht_img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover{transform: scale(1.1);}

/* 首页 */
header{width: 100%;min-width: 1200px;background:url(../images/tbj.jpg) no-repeat center bottom;background-color: #fff;position: fixed;top:0;left:0;z-index: 9999;}
header .headT{width: 100%;height: 25px;background:#000;color:#fff;font-size: 12px;}
header .headT .box{height: 25px;}
header .headB{height: 70px;}
header .headB .logo{display: block;height: 59px;}

header .headB nav{width: 883px;}
header .headB nav>ul>li{position:relative;}
header .headB nav>ul>li>a{height: 70px;color: #666666;text-align:center;}
header .headB nav>ul>li>a:hover,header .headB nav>ul>li>a.active{color: #190c5c;font-weight:bold;}
header .headB nav>ul>li>dl{display: none;background: #f7f7f7;position:absolute;top:90px;width: 170%;left: -35%;padding: 7px; z-index: 9999;}
header .headB nav>ul>li>dl dd{width: 100%;}
header .headB nav>ul>li>dl dd a{width: 100%;height: 34px;line-height: 34px;padding: 0 6px; border-bottom: 1px solid rgba(0, 0, 0, 0.2);font-size: 14px; }
header .headB nav>ul>li>dl dd a:hover,header .box nav>ul>li>dl dd a.active{color:#ff7326;}

.bos{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.bos .headT{display: none;}

.search{width: 13%;height: 38px;border-radius: 20px;background: #f9fdff;border: 1px solid #e9eef0; padding:0 45px 0 15px;}
.search input{width: 250px;height: 38px;font-size: 16px;border:none;background: none;}
.search a{display: block; width: 23px;height: 23px;background: url(../images/sousuo.png) no-repeat center;top: 0;right: 15px;bottom: 0;margin:auto;}

.search_body ul li{padding: 15px;border-bottom: 1px solid #ccc}
.sst{width: 900px;height: 27px;}
.ssm{width: 120px;height: 35px;border-radius: 18px; border: 1px solid #ccc}
.search_body ul li:hover .sst{color: #1491fb}
.search_body ul li:hover .ssm{background: #1491fb;border-color: #1491fb;color: #fff;}





.search ::-webkit-input-placeholder { /* WebKit browsers */
  font-size: 16px;
}

.search ::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: 16px;
}

.search :-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: 16px;
}


.banner{width:100%;height: 450px;margin-top: 125px;}


.sy_banner{margin-top: 95px;}
.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#dfdfdf;opacity: 1 !important;  width: 15px;height: 15px;}
.sy_banner .swiper-pagination-bullet-active{background: #3954ed !important}

.cor{color: #125ec6}
.cor2{color: #ffffff}
.cor1{color: #ff7128}
/* 内容 */
.title{padding: 80px 0 55px;}
.title h3{font-size: 38px;}
.title div img{margin: 0 20px;}

.ht1{padding-bottom: 110px;}
.ht11 ul li{width: 280px;height: 280px;background: #f6f6f6;border-radius: 6px; padding: 50px 0 0;}
.ht11 ul li div{width: 92px;height: 100px;margin: 0 auto 45px;background: url(../images/xg10.png) no-repeat center;}
.ht11 ul li h5{font-size: 24px;}
.ht11 ul li.active{background: #fff;box-shadow: 0 9px 20px rgba(147,147,147,0.1);}
.ht11 ul li.active div{background: url(../images/xg10_.png) no-repeat center;}
.ht12 ul li{width: 246px;height: 54px;border-radius: 27px;background: #f6f6f6;margin: 70px 19px 0;}




.ht2{width: 100%;height: 836px; background: url(../images/xg2.jpg) no-repeat center;}


.ht0{padding-bottom: 100px;}
.ht01 .swiper{width: 100%;height: 830px;}
.ht01 .swiper-slide{width: 100%;height: calc((100% - 50px) / 2)}
.ht011{width: 100%;height: 390px;background:#f6f6f6;border: 1px solid #e9e9e9;}
.ht012{padding: 50px 55px 0;width: 100%;height: 100%;top: 0;left:0;}
.ht013 h5{color: #fff;margin-left: 10px;}
.ht01_tit{font-size: 32px;color: #fff;height: 48px;line-height: 48px;margin: 15px 0 50px;}
.ht01_des{color: #fff;line-height: 30px;height: 60px;-webkit-line-clamp: 2;}
.ht01_more{width: 120px;height: 40px;border-radius: 20px;border: 1px solid #fff;color: #fff;margin-top: 60px;}

.ht01 .swiper-pagination{position: static;margin-top: 50px;}
.ht01 .swiper-pagination span{line-height: 999px;overflow: hidden;width: 10px;height: 10px;background:#181818;border-radius: 50%}
.ht01 .swiper-pagination-bullet-active{background:#3954ed !important;}

.ht011:hover{color: #fff;}
.ht011:hover>img{display: none}
.ht011:hover .ht013 .ht0130{display: block}
.ht011:hover .ht013 .ht0130_{display: none}
.ht011:hover .ht013 h5{color: #3954ed;}
.ht011:hover .ht01_tit{color: #181818;}
.ht011:hover .ht01_des{color: #898989;}
.ht011:hover .ht01_more{color: #3954ed;border-color: #3954ed;}





.ht8{width: 100%;height: 750px;padding-top: 90px; background: url(../images/xg5.jpg) no-repeat center;}
.ht81 ul li{margin-right: 65px;}
.ht81 ul li a{display:block;padding-left: 20px;background: url(../images/xg50.png) no-repeat left center;font-size: 24px;color:#666666;}
.ht81 ul li.active a{padding-left: 30px;color: #3954ed; background: url(../images/xg50_.png) no-repeat left center;}
.ht82{width: 560px; margin-top: 140px;}
.ht821 .ht82_tit{font-size: 38px;color: #181818;height: 58px;line-height: 58px;}
.ht821 .ht82_des{font-size: 18px;color: #898989;line-height: 30px;-webkit-line-clamp: 2;height: 60px;margin: 30px 0 125px;}
.ht821 .ht82_more{width: 185px;height: 63px;border-radius: 32px;background:#3954ed;font-size: 24px;color:#fff;}


.ht6{padding-bottom: 120px;}
.ht61{background: url(../images/xg4.png) no-repeat center top 45px;}
.ht61 ul{width: 416px;}
.ht61 ul li{width: 416px;height: 130px;background: #fff;box-shadow: 0 3px 10px rgba(107, 109, 116, 0.17); padding: 0 10px 0 27px;margin-bottom: 12px;}
.ht61 ul li .ht611{width: 300px}
.ht61 ul li .ht611 h5{font-size: 24px;}
.ht61 ul li .ht611 p{color: #898989;margin-top: 3px;line-height: 22px;}
.ht62{padding-bottom: 100px;}
.ht62>a{width: 246px;height: 54px;border-radius: 27px;background: #1491fb;margin: 60px auto 0; color: #fff;}



.xf{width: 60px;height: 300px; position: fixed;top:0;right: 1%;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 300px;text-align: center;}
.xf>ul>.xf01{padding:  15px 8px; height: 220px;border-radius: 44px;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2)}
.xf>ul>.xf01>div{width: 100%;height: 2px;background: #ededed;}
.xf>ul li{width: 44px;height: 60px; position: relative}
.xf>ul li a{width: 100%;height: 100%;}
.xf>ul>.xf02{width: 60px;height: 60px;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2)}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 80px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 200px;height: 80px;}
.xfl1 h5{font-size: 16px;}
.xfl1 p{font-size: 22px;}
.xfl2{width: 150px;height: 150px; padding:10px;}
.xf>ul li:hover .xfl{display: flex;}
.xf>ul li:hover a>.xf0{display: none}
.xf>ul li:hover a>.xf0_{display: inline-block}



/* 底部 */
footer{width: 100%;background: #3f4349;font-size: 16px;color: #969696;}
footer a{color: #969696;}
footer .ft{padding: 23px 0;}
footer .ft .ftl{width: 800px;}
footer .ft .ftl .ftlt h1{color: #fff;font-size: 18px;}
footer .ft .ftl .ftlt nav a{font-size: 16px;color:#fff;display:block;margin-left: 10px;}
footer .ft .ftl .line{width: 100%;height: 1px;background: rgba(150,150,150,0.5);margin: 25px 0 20px;}
footer .ft .ftl ul li{margin-top: 10px;}
footer .ft .ftl ul li:last-child{width: 100%;}

footer .ft .ftl>p{margin-top: 25px;}
footer .ft .ftr{max-width: 400px;}
footer .ft .ftr ul li{margin-left: 20px;}
footer .ft .ftr ul li .qr{width: 140px;border:1px solid rgba(255, 255, 255, 0.5) ;padding: 9px;}
footer .ft .ftr ul li p{font-size: 14px;margin-top: 10px;}
footer .fb{width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-top: 1px solid rgba(150,150,150,0.5);}



.con0{padding: 130px 0 0;}
.con{padding: 130px 0 60px;}
.con1{padding: 30px 0 60px;background-color: #fafafa}
.et{padding: 40px 0 30px;}
.et h3{font-size: 40px;}



.position{padding-bottom: 20px;border-bottom: 1px solid #333333;margin-bottom: 30px;}
.position .ndwz{color: #333333;}
.position .ndwz img{margin: 0 20px 3px 10px;display: block;width: 24px;height: 24px;}
.position .ndwz a{color: #333333}
.position .ndwz a:hover{color: #00107b}

/* 产品中心 */
.p_nav{padding: 0 0 20px;}
.p_nav ul li{margin-bottom: 5px;margin-right: 10px;}
.p_nav ul li a{display: block;line-height: 40px;padding: 0 20px;}
.p_nav ul li a:hover,.p_nav ul li a.active{background: #1491fb;color: #fff;}

.product ul li{width: 280px;height: 250px; background: #fff;margin: 0 26px 30px 0;}
.product ul li:nth-child(4n){margin-right: 0}
.p_img{width: 100%;height: 190px;}
.p_img img{max-width:90%;max-height: 90%}
.p_tit{width: 100%; height: 60px;line-height: 59px; background: #e9e9e9;border: 1px solid #fff;border-top: none; padding: 0 5px; }

/* 解决方案 */
.solution ul li{width: 380px;margin: 0 30px 30px 0;}
.solution ul li:nth-child(3n){margin-right: 0}
.jj_img{display: block; width: 100%;height: 333px;}
.jj_img img{width:100%;height: 100%}

/* 合作品牌 */
.brand ul li{width: 230px;margin: 0 12px 30px 0;}
.brand ul li:nth-child(5n){margin-right: 0}
.b_img{ width: 100%;height: 117px;border: 2px solid #f1f1f1;}
.b_img img{max-width:85%;max-height: 85%}

/* 案例中心 */
.alzx .left{width: 900px;}
.alzx .left .bg{padding: 30px 25px 80px;background: #fff;}
.alzx .left .case ul li{width: 100%;padding-bottom: 25px;border-bottom: 1px solid  #f3f3f3;position: relative;margin-bottom: 25px;}
.alzx .left .case ul li .c_img{ width: 228px;height: 180px;}
.alzx .left .case ul li .c_img img{width:100%;height: 100%}
.alzx .left .case ul li .c_con{width: 560px;margin-right: 25px}
.alzx .left .case ul li .c_con .c_tit{font-size: 20px;color: #181818;font-weight: 700;height: 28px;}
.alzx .left .case ul li .c_con .c_des{font-size: 18px;color: #898989;line-height: 30px;-webkit-line-clamp: 3;height: 90px;margin: 15px 0 20px;}
.alzx .left .case ul li .c_con div p{color: #898989}
.alzx .left .case ul li .c_con div a{display: block;width: 30px;height: 30px; background: url(../images/m.png) no-repeat center}
.alzx .left .case ul li::after{display: block;content: '';width: 228px;height: 1px;background: #838383;position: absolute;bottom:0;left:0;-webkit-transition: all .66s cubic-bezier(.17,.84,.44,1);transition: all .66s cubic-bezier(.17,.84,.44,1);}
.alzx .left .case ul li:hover::after{background: #1491fb;width: 100%;}
.alzx .left .case ul li:hover .c_tit{color: #1491fb}
.alzx .right{width: 273px;}
.alzx .right .bg{background: #fff;padding: 10px 10px 50px;}
.alzx .right .al1{margin: 25px 0 0;padding: 0 12px;}
.alzx .right .al1 h5{font-size: 20px;color: #1491fb;margin-bottom: 15px;}
.alzx .right .al1 ul{padding: 20px 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.alzx .right .al1 ul li{margin-bottom: 12px;}
.alzx .right .al1 ul li a{font-size: 16px;}
.alzx .right .al1 ul li a:hover{color: #1491fb}
.alzx .right .al2{padding: 0 12px; margin-top: 55px;}
.alzx .right .al2 h5{font-size: 20px;margin-bottom: 15px;}
.alzx .right .al2 ul{border:1px solid #ebebeb;}
.alzx .right .al2 ul li{border-bottom:1px solid #ebebeb;padding: 15px;}
.alzx .right .al2 ul li a{font-size:16px; -webkit-line-clamp: 3;max-height: 66px;line-height: 22px;}
.alzx .right .al2 ul li a:hover{color: #1491fb}
.alzx .right .al2 ul li:last-child{border:none;}

/* 关于我们 */

.about_body{font-size:18px;color: #898989;height: 324px; overflow: auto;margin-top: 50px;line-height: 36px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

/* 公司介绍 */
.gy1{background: #fafafa;}
.gy11{width: 366px;height: 592px;}
.gy11 img{width: 100%;height: 100%}
.gy12{width: 720px;padding: 80px 60px 0 0;}
.gy12 h1{font-size: 24px;}
.gy12 h1::after{display: block;content: '';width: 47px;height: 4px;background: #1491fb;margin-top: 20px;}

.gy2{margin-top: 70px;}
.gy21{width: 580px;height: 360px;}
.gy21>div{width: 100%;height: 100%;top:0;left:0;}
.gy21>div div p{font-size: 32px;margin-top: 35px;}
.gy22{width: 590px;}
.gy22 ul li{width: 281px;height: 172px;margin-bottom: 16px;}
.gy22 ul li>div{width: 100%;height: 100%;top:0;left:0;}
.gy22 ul li>div div p{font-size: 24px;margin-top: 5px;}

/* 企业文化 */
.culture ul li{width: 100%;height: 337px;margin-bottom: 45px;padding: 60px 80px;}
.culture ul li h5{font-size: 32px;font-weight: 700;margin-bottom: 10px;}
.culture ul li .wh_con{max-height: 160px;overflow: auto; font-size: 20px;line-height: 40px;background: url(../images/wh.png) 0 0;padding-left: 35px;}

/* 荣誉资质 */
.zz1 .zz1_img{width: 100%;height: 212px;padding: 11px; background: url(../images/zz1.jpg) no-repeat center}
.zz1 .zz1_img img{max-width: 100%;max-height: 100%}
.zz2{margin-top: 40px;}
.zz2 .zz2_img{width: 100%;height: 289px;padding: 13px; background: url(../images/zz2.jpg) no-repeat center}
.zz2 .zz2_img img{max-width: 100%;max-height: 100%}

/* 招贤纳士 */
.join ul li{padding: 60px 0 30px;border-bottom: 1px solid #d0d0d0}
.join ul li .jm21 h5{width: 1000px;font-size: 24px;color: #181818}
.join ul li .jm21 h5 b{font-size: 20px;color: #1491fb;margin-left: 40px;}
.join ul li .jm22{margin-top: 20px;}
.join ul li .jm22 p{width: 1000px;font-size: 20px;color: #898989;}
.join ul li .jm22 span{color: #1491fb}

/* 联系我们 */
.lx11{width: 320px;background: #f8f8f8;padding: 10px 40px;}
.lx11 ul{height: 100%;}
.lx11 ul li{border-bottom: 1px solid #898989;padding: 45px 0 45px 18px;}
.lx11 ul li h5{font-size: 20px;color: #181818;}
.lx11 ul li p{color: #898989;margin-top: 5px;}
.lx11 ul li:last-child{border:none;}

.lx12{width: 800px}
.lx121{margin-bottom: 25px;}
.lx121 h5{color: #181818;margin-bottom: 8px;}
.lx121 .text{display: block;width: 100%;padding: 0 20px; height: 60px;background: #f3f3f3;outline: none;border: none;border-radius: 4px; font-size: 16px;}
.lx121 .text1{padding: 20px;height: 120px;}
.lx12 .tj{display: block;width: 200px; height:60px; background-color: #181818;outline:none;cursor: pointer;border: none; font-size: 24px;color: #fff;margin: 50px 0 0;}
.lx12 ::-webkit-input-placeholder { /* WebKit browsers */
  color: #999999;
}

.lx12 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999999;
}

.lx12 :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999999;
}

.map{height:480px;overflow: hidden;margin-top: 60px}
.map #container{width:100%; height: 480px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}


/* 页码 */
.pagination{margin-top: 50px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; background:#f4f4f4;}
.pagination li a{width:40px; height:40px; display:block; color:#333;}
.pagination li a:hover{  background:#1491fb;color: #fff;}
.pagination li.active{ background:#1491fb !important;color: #fff;}



/* 上下篇 */
.sxy{margin-top: 30px;font-size: 16px;color: #666}
.sxy div{max-width: 48%;}
.sxy a{color: #666}
.sxy a:hover{color: #1491fb}
/* 详情页 */
.article_title{text-align: center;margin: 50px auto 20px}
.article_title h2{font-size: 30px;color:#333;font-weight: bold}
.article_title p{font-size: 14px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:30px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.article_body img{max-width:100%;}